<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" href="css/app.css" />
    <script type="text/javascript" src="js/mui.min.js" ></script>
    <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
</head>
	<body>
		
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">推荐</h1>
		</header>
		
		<div class="mui-content" style="padding-bottom: 30px;">
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<img src="img/laoshi2.png">
					<div class="mui-media-body">
						郭老师
						<p>发表于 2016-06-30 15:30</p>
					</div>
				</div>
				<div class="mui-card-content">
					<img src="img/shuijiao.jpg" width="100%">
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<img src="img/laoshi2.png">
					<div class="mui-media-body">
						郭老师
						<p>发表于 2016-06-30 15:30</p>
					</div>
				</div>
				<div class="mui-card-content">
					<img src="img/shuijiao.jpg" width="100%">
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media">
					<img src="img/laoshi2.png">
					<div class="mui-media-body">
						郭老师
						<p>发表于 2016-06-30 15:30</p>
					</div>
				</div>
				<div class="mui-card-content">
					<img src="img/shuijiao.jpg" width="100%">
				</div>
			</div>
		</div>
		
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html">
				<span class="icon iconfont icon-shouyeshouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="#">
				<span class="icon iconfont icon-tuijian"></span>
				<span class="mui-tab-label">推荐</span>
			</a>
			<a class="mui-tab-item" href="">
				<span class="icon iconfont icon-shezhi"></span>
				<span class="mui-tab-label">设置</span>
			</a>
		</nav>
	</body>
</html>
